<template>
  <div>

    <a-form ref="landResourceForm" class="form"  :form="landResourceForm">

      <a-row>
        <a-col :span="8">
          <a-form-item label="土地ID" :labelCol=" { span: 9 }" :wrapperCol=" { span: 13 }">
            {{landResourceFormData.landId}}
          </a-form-item>
        </a-col>
        <a-col :span="8">
          <a-form-item label="证照编号" :labelCol=" { span: 9 }" :wrapperCol=" { span: 13 }">
            {{landResourceFormData.licenseNum}}
          </a-form-item>
        </a-col>
        <a-col :span="8">
          <a-form-item label="证照类型" :labelCol=" { span: 9 }" :wrapperCol=" { span: 12 }">
            {{landResourceFormData.licenseType}}
          </a-form-item>
        </a-col>
        <a-col :span="24">
          <a-form-item label="权属证照电子地图" :labelCol=" { span: 3 }" :wrapperCol=" { span: 19 }">

            <img :src="landResourceFormData.imgMap" v-if="landResourceFormData.imgMap!=''"  height="300px" alt="">
          </a-form-item>
        </a-col>
        <a-col :span="24">
          <a-form-item label="土地使用人（权利人）" :labelCol=" { span: 3 }" :wrapperCol=" { span: 20 }">
            {{landResourceFormData.landUser}}
          </a-form-item>
        </a-col>


        <a-col :span="8">
          <a-form-item label="图号" :labelCol=" { span: 9 }" :wrapperCol=" { span: 13 }">
            {{landResourceFormData.mapNum}}
          </a-form-item>
        </a-col>
        <a-col :span="8">
          <a-form-item label="地类用途" :labelCol=" { span: 9 }" :wrapperCol=" { span: 13 }">
            {{landResourceFormData.landTypeUse}}
          </a-form-item>
        </a-col>
        <a-col :span="8">
          <a-form-item label="使用终止日期" :labelCol=" { span: 9 }" :wrapperCol=" { span: 12 }">
            {{landResourceFormData.useEndTime}}
          </a-form-item>
        </a-col>

        <a-col :span="24">
          <a-form-item label="发证单位" :labelCol=" { span: 3 }" :wrapperCol=" { span: 20 }">
            {{landResourceFormData.sendBranch}}
          </a-form-item>
        </a-col>


        <a-col :span="8">
          <a-form-item label="使用权面积" :labelCol=" { span: 9 }" :wrapperCol=" { span: 13 }">
            {{landResourceFormData.useArea}}
          </a-form-item>
        </a-col>
        <a-col :span="8">
          <a-form-item label="独用面积" :labelCol=" { span: 9 }" :wrapperCol=" { span: 13 }">
            {{landResourceFormData.duYouArea}}
          </a-form-item>
        </a-col>
        <a-col :span="8">
          <a-form-item label="分摊面积" :labelCol=" { span: 9 }" :wrapperCol=" { span: 12 }">
            {{landResourceFormData.fenTanArea}}

          </a-form-item>
        </a-col>

        <a-col :span="8">
          <a-form-item label="建档日期" :labelCol=" { span: 9 }" :wrapperCol=" { span: 13 }">
           {{landResourceFormData.createDate}}
          </a-form-item>
        </a-col>
        <a-col :span="8">
          <a-form-item label="建档人员" :labelCol=" { span: 9 }" :wrapperCol=" { span: 13 }">
          {{landResourceFormData.createPeople}}

          </a-form-item>
        </a-col>
        <a-col :span="8">
          <a-form-item label="土地所有类别" :labelCol=" { span: 9 }" :wrapperCol=" { span: 12 }">
            {{landResourceFormData.landType}}
          </a-form-item>
        </a-col>


        <a-col :span="24">
          <a-form-item label="电子文档" :labelCol=" { span: 3 }" :wrapperCol=" { span: 19 }">
              <div v-for="(item,index) in landResourceFormData.files" :key="index" >
                  {{item.name}}
                  <a :href="item.url" :download="item.name">下载</a>
              </div>
              
          </a-form-item>
        </a-col>


      </a-row>

    </a-form>

  </div>
</template>

<script>

  import FooterToolBar from '@/components/tools/FooterToolBar'
  import cities from '@/db/cities'
  import moment from "moment"
  export default {
    name: "landResourceInfo",
    components: {
      FooterToolBar,
    },
    props:{
      landResourceFormDataJson:Object
    },
    data() {
      return {
        options:cities,
        loading: false,
        landResourceForm:this.$form.createForm(this),
        fileImgList:"",
        landResourceFormData:{
          landId:"",
          licenseNum:"",
          licenseType:"",
          imgMap:"",
          landUser:"",
          mapNum:"",
          landTypeUse:"",
          useEndTime:"",
          sendBranch:"",
          useArea:"",
          duYouArea:"",
          fenTanArea:"",
          createDate:"",
          createPeople:"",
          landType:"",
          wordUrl:"",
          state:"待审核",

        },

      }
    },
    mounted(){
      this.landResourceFormData = this.landResourceFormDataJson;

    },
    methods: {

    },
  }
</script>

<style lang="scss" scoped>
  .card {
    margin-bottom: 24px;
  }
</style>